<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>视频通话邀请</title>
  <!-- Tailwind CSS CDN -->
  <link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet" />
  <!-- Feather Icons CDN -->
  <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>

  <base href="/invite/">
</head>
<body class="bg-gray-100">
  <div id="root"></div>

   <!-- React & Babel -->
   <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
   <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>
   <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

   <!-- Zego Express SDK -->
   <script src="/assets/js/express_sdk/ZegoExpressWebRTC.js"></script>

  <!-- Opus Audio Codec -->
  <script src="./libopus.js"></script>
  <script src="./opus.js"></script>

  <!-- Audio Processing Modules -->
  <script src="./audioProcessor.js"></script>
  <script src="./translationService.js"></script>

  <!-- Main Logic (compiled by Babel in-browser) -->
  <script type="text/babel" src="./index.js"></script>
</body>
</html>
